<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城</title>

    <!-- 网页样式和图标 -->
    <link rel="icon" href="./icon-小米归属.ico">
    <link rel="stylesheet" href="./css/font_c8yi5qipg44/iconfont.css">
    <link rel="stylesheet" href="./css/mi.css">
</head>

<body>
    <!-- 头部区域包括导航版和顶部 -->
    <div class="wrappar">

        <!-- 导航栏nav -->
        <div class="nav">
            <!-- 左边导航 -->
            <ul class="nav-left">
                <li><a href="#">小米官网</a></li><span>|</span>
                <li><a href="#">小米商城</a></li><span>|</span>
                <li><a href="#">MUI</a></li><span>|</span>
                <li><a href="#">loT</a></li><span>|</span>
                <li><a href="#">云服务</a></li><span>|</span>
                <li><a href="#">天星数科</a></li><span>|</span>
                <li><a href="#">有品</a></li><span>|</span>
                <li><a href="#">小爱开放平台</a></li><span>|</span>
                <li><a href="#">企业团购</a></li><span>|</span>
                <li><a href="#">资质证照</a></li><span>|</span>
                <li><a href="#">协议规则</a></li><span>|</span>
                <li><a class="downlocal" href="#">
                        <div class="box"></div><span class="code"><img
                                src="./images/78c30d4f259ed43ab20e810a522a6249.png" alt=""><b>小米商城APP</b></span>下载app
                    </a></li><span>|</span>
                <li><a href="#">select location</a></li><span>|</span>
            </ul>
            <!-- 右边导航 -->
            <ul class="nav-right">
                <li><a href="#">登录</a></li><span>|</span>
                <li><a href="#">注册</a></li><span>|</span>
                <li><a href="#">消息通知</a></li><span>|</span>
                <div class="cart"><a href="#"><i class="iconfont">&#xe64f</i>购物车(0)</a>
                    <div class="box">购物车中还没有商品，赶紧选购吧！</div>

                </div>
                <script>
                    ; (function () {
                        let cart = document.querySelector('.cart')
                        let iconfont = document.querySelector('.iconfont')
                        cart.addEventListener('mouseenter', function () {
                            iconfont.style = "color:#ff6a00;"
                            cart.addEventListener('mouseleave', function () {
                                iconfont.style = "color:rgb(176, 176, 176);"
                                console.log(6);
                            })
                        })
                    }())
                </script>

            </ul>
        </div>
    </div>

    <!-- header头部区域 和logo 区域 -->
    <div class="header">
        <div class="wrap">
            <a href="#">
                <div class="logo-box">
                    <div class="log">
                        <img src="./images/logo-mi2.png" alt="">
                    </div>
                    <img class="logimg" src="./images/logo-mi2 -click.png" alt="">

                </div>
            </a>

            <!-- 中间区域 -->
            <div class="head-nav">
                <ul>

                    <li class="dami"><a href="#">大米手机</a>
                        <div class="nav-box1">
                            <span class="dami2">
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9c06f92c3216c90a566916e719935018.png?thumb=1&w=240&h=165&f=webp&q=90"
                                        alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13 限量定制色</p>
                                <p class="nav-price">4999元起</p>
                            </span>
                            <span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/11e28a0a7c6a2ca07f0dc2044d3858c2.png?thumb=1&w=240&h=165&f=webp&q=90"
                                        alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13 pro</p>
                                <p class="nav-price">4999元起</p>
                            </span><span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c758eb7e0dce4307c62c47155519bc80.png?thumb=1&w=240&h=165&f=webp&q=90"
                                        alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span><span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4ef3713521fb9d7f114aa8bb152e220d.png?thumb=1&w=240&h=165&f=webp&q=90">
                                </div>
                                <p class="nav-name">Xiaomi Civi 2</p>
                                <p class="nav-price">2299元起</p>
                            </span><span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/581f3a690e6803add02e4c9fde98cb78.png?thumb=1&w=240&h=165&f=webp&q=90"
                                        alt="">
                                </div>
                                <p class="nav-name">Xiaomi MIX Fold 2</p>
                                <p class="nav-price">8999元起</p>
                            </span><span>
                                <div class="img-box" style="border-right: 0px;">
                                    <img width="160px" height="110px"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d7a15df55e98e4163390096ed05b1ef5.png?thumb=1&w=240&h=165&f=webp&q=90"
                                        alt="">
                                </div>
                                <p class="nav-name">Xiaomi 12S Ultra</p>
                                <p class="nav-price">5999元起</p>
                            </span>
                        </div>
                    </li>

                    <li class="lvmi"><a href="#">绿米手机</a>
                        <div class="nav-box2">
                            <span class="dami2">
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8d5c2622cf50cf3d1a00c3753a2bf070.png?thumb=1&w=240&h=165&f=webp&q=90"
                                        alt="">
                                </div>
                                <p class="nav-name">Redmi 12C</p>
                                <p class="nav-price">699元起</p>
                            </span>
                            <span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/482a5df88357219be7f8f6a1a06ce20a.png?thumb=1&w=240&h=165&f=webp&q=90"
                                        alt="">
                                </div>
                                <p class="nav-name">Redmi K60 Pro</p>
                                <p class="nav-price">3299元起</p>
                            </span><span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/040746283de6bbdf554fe879f842747c.png?thumb=1&w=240&h=165&f=webp&q=90"
                                        alt="">
                                </div>
                                <p class="nav-name">Redmi K60</p>
                                <p class="nav-price">2499元起</p>
                            </span><span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2c6cf6ba252d5db186016c3b044f600f.png?thumb=1&w=240&h=165&f=webp&q=90"
                                        alt="">
                                </div>
                                <p class="nav-name">Redmi Note 12 Pro 极速版</p>
                                <p class="nav-price">1699元起</p>
                            </span><span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/570184de014d26516f4c334f7132878a.png?thumb=1&w=240&h=165&f=webp&q=90"
                                        alt="">
                                </div>
                                <p class="nav-name">Redmi Note 12 5G</p>
                                <p class="nav-price">1199元起</p>
                            </span><span>
                                <div class="img-box"  style="border-right: 0px;" >
                                    <img width="160px" height="110px"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/93e23b29e03f62164c5494a31dbbed25.png?thumb=1&w=240&h=165&f=webp&q=90"
                                        alt="">
                                </div>
                                <p class="nav-name">Redmi Note 12 Pro</p>
                                <p class="nav-price">1599元起</p>
                            </span>
                        </div>
                    </li>
                    <li class="landian"><a href="#">烂电视</a>
                        <div class="nav-box3">
                            <span class="dami2">
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6511d77270e94146c0b1f96b66d8cc58.png?thumb=1&w=240&h=165&f=webp&q=90"
                                        alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span>
                            <span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6511d77270e94146c0b1f96b66d8cc58.png?thumb=1&w=240&h=165&f=webp&q=90"
                                        alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span><span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8871821795310769c1d3896c99b12381.png?thumb=1&w=240&h=165&f=webp&q=90"
                                        alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span><span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0a1ae5341d2dae66cd42566c60d2d666.png?thumb=1&w=240&h=165&f=webp&q=90"
                                        alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span><span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/932b583c6eccd8aabfa0771f8a854940.jpg?thumb=1&w=240&h=165&f=webp&q=90"
                                        alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span><span>
                                <div class="img-box"  style="border-right: 0px;" >
                                    <img width="160px" height="110px"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/932b583c6eccd8aabfa0771f8a854940.jpg?thumb=1&w=240&h=165&f=webp&q=90"
                                        alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span>
                        </div>
                    </li>
                    <li class="chenguang"><a href="#">晨光笔记本</a>
                        <div class="nav-box4">
                            <span class="dami2">
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span>
                            <span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span><span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span><span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span><span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span><span>
                                <div class="img-box"  style="border-right: 0px;" >
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span>
                        </div>
                    </li>
                    <li class="caiban"><a href="#">菜板</a>
                        <div class="nav-box5">
                            <span class="dami2">
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span>
                            <span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span><span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span><span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span><span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span><span>
                                <div class="img-box"   style="border-right: 0px;" >
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span>
                        </div>
                    </li>
                    <li class="jiadian"><a href="#">家电</a>
                        <div class="nav-box6">
                            <span class="dami2">
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span>
                            <span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span><span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span><span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span><span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span><span>
                                <div class="img-box"   style="border-right: 0px;" >
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span>
                        </div>
                    </li>
                    <li class="luyou"><a href="#">路由器</a>
                        <div class="nav-box7">
                            <span class="dami2">
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span>
                            <span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span><span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span><span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span><span>
                                <div class="img-box">
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span><span>
                                <div class="img-box"   style="border-right: 0px;" >
                                    <img width="160px" height="110px"
                                        src="./images/nav-down/c758eb7e0dce4307c62c47155519bc80.webp" alt="">
                                </div>
                                <p class="nav-name">Xiaomi 13</p>
                                <p class="nav-price">3999元起</p>
                            </span>
                        </div>
                    </li>
                    <li><a href="#">服务中心</a></li>
                    <li><a href="#">社区</a></li>
                </ul>
            </div>
            <div class="search">
                <form action="">
                    <input type="text" placeholder="查找搜索">
                    <button class="iconfont">&#xe626;</button>
                </form>
                 <!-- //下拉框框 -->
                 <div class="down-box">
                    <ul>
                        <li>全部商品</li>
                        <li>手机</li>
                        <li>空调</li>
                        <li>小米平板5</li>
                        <li>水箱</li>
                        <li>耳机</li>
                        <li>洗衣机</li>
                        <li>电视</li>
                    </ul>
                <script>
                        ; (function () {
                            let button = document.querySelector('.search button')
                            let input = document.querySelector('.search input')
                            button.addEventListener('mouseenter', function () {
                                button.style.backgroundColor = '#ff6700'
                                button.style.color = '#fff'

                                button.addEventListener('mouseleave', function () {
                                    button.style.backgroundColor = '#fff'
                                    button.style.color = '#3333339f'
                                })
                            })
                            button.addEventListener('click', function () {
                                input.value = ''
                                input.placeholder = '查找搜索'
                            })
                            input.addEventListener('focus', function () {
                                let downbox = document.querySelector('.down-box')
                                let li = document.querySelectorAll('.down-box>ul>li')
                                
                                for (let i3 = 0; i3 < li.length; i3++) {
                                    li[i3].addEventListener('click',function(){
                                        input.blur=null
                                        input.placeholder = ''
                                        input.value=li[i3].innerHTML
                                        input.placeholder = ''
                                    })
                                }

                                downbox.style.borderBottom=' 1px solid #ff6700'
                                input.placeholder = ''
                                input.style.borderColor = '#ff6700'
                                downbox.style.height='240px'
                                input.style.borderRadius='5px 5px 0px 0px'


                                input.addEventListener('blur', function () {
                                    if(input.value==='')
                                    input.placeholder = '查找搜索'
                                input.style.borderRadius='5px 5px 5px 5px'
                                downbox.style.height='0px'
                                downbox.style.borderBottom=' 0px solid #ff6700'
                                    input.style.borderColor = '#ff660042'
                                })
                            })

                            let log2 = document.querySelector('.logimg')
                            let log = document.querySelector('.log')
                            log.addEventListener('click', function () {
                                log.classList.toggle('log-rotate')
                            })
                            log2.addEventListener('click', function () {
                                log.classList.toggle('log-rotate')
                            })

                        }())

                </script>

               
                </div>
            </div>
        </div>
    </div>

    <!-- banner区域  轮播图  侧边栏 -->
    <div class="wrap2">
        <div class="banner">
            <div class="next"></div>
            <div class="prev"></div>
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/47645d9f8689ecd184634550a3da9a35.jpg?w=2452&h=920"
                alt="">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3b549726ae51e189b4c3eb0f672cba36.jpg?thumb=1&w=2023&h=759&f=webp&q=90"
                alt="">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/609b105baddb06f942730418b9e4f33b.jpg?thumb=1&w=2023&h=759&f=webp&q=90"
                alt="">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0b7e5c1fd6c74380d4d6c7036490e46f.jpg?thumb=1&w=2023&h=759&f=webp&q=90"
                alt="">
            <div>
                <ul class="small">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            </div>
            <script>
                    ; (function () {
                        

                        let prev = document.querySelector('.prev')
                        let next = document.querySelector('.next')
                        let actives = document.querySelectorAll('.wrap2 .banner .small li')
                        let banner = document.querySelector('.banner')

                        let imgs = document.querySelectorAll('.wrap2 .banner img')
                        let i = imgs.length - 1

                        for (let j = 0; j < imgs.length; j++)
                            imgs[j].style.display = 'none'
                        for (let J2 = 0; J2 < imgs.length; J2++)
                            actives[J2].style.backgroundColor = 'rgba(15, 3, 3, 0.262)'


                        imgs[imgs.length - 1].style.display = 'block'
                        actives[imgs.length - 1].style.backgroundColor = '#fff'

                        let timer = setInterval(function () {
                            i = i - 1
                            if (i === -1)
                                i = imgs.length - 1

                            for (let j = 0; j < imgs.length; j++)
                                imgs[j].style.display = 'none'
                            for (let J2 = 0; J2 < imgs.length; J2++)
                                actives[J2].style.backgroundColor = 'rgba(15, 3, 3, 0.262)'


                            imgs[i].style.display = 'block'
                            actives[i].style.backgroundColor = '#fff'


                           
                        }, 2500)

                        

                        

                        banner.addEventListener('mouseleave', function () {
                            prev.style.display = 'none'
                            next.style.display = 'none'

                            timer = setInterval(function () {
                                i = i - 1
                                if (i === -1)
                                    i = imgs.length - 1

                                for (let j = 0; j < imgs.length; j++)
                                    imgs[j].style.display = 'none'
                                for (let J2 = 0; J2 < imgs.length; J2++)
                                    actives[J2].style.backgroundColor = 'rgba(15, 3, 3, 0.262)'


                                imgs[i].style.display = 'block'
                                actives[i].style.backgroundColor = '#fff'

                                
                            }, 2500)
                        })


                        banner.addEventListener('mouseenter', function () {



                            clearInterval(timer)
                            prev.style.display = 'block'
                            next.style.display = 'block'
                        })


                        next.addEventListener('click', function () {
                            
                            i = i - 1
                            if (i === -1)
                                i = imgs.length - 1

                            for (let j = 0; j < imgs.length; j++)
                                imgs[j].style.display = 'none'
                            for (let J2 = 0; J2 < imgs.length; J2++)
                                actives[J2].style.backgroundColor = 'rgba(15, 3, 3, 0.262)'


                            imgs[i].style.display = 'block'
                            actives[i].style.backgroundColor = '#fff'


                        })

                        prev.addEventListener('click', function () {
                            i = i + 1
                            if (i === imgs.length)
                                i = 0
                                
                            for (let j = 0; j < imgs.length; j++)
                                imgs[j].style.display = 'none'
                            for (let J2 = 0; J2 < imgs.length; J2++)
                                actives[J2].style.backgroundColor = 'rgba(15, 3, 3, 0.262)'


                            imgs[i].style.display = 'block'
                            actives[i].style.backgroundColor = '#fff'

                        })

                        for(let j3 = 0;j3<actives.length;j3++){
                            actives[j3].addEventListener('click',function(){
                                for (let j = 0; j < imgs.length; j++)
                                    imgs[j].style.display = 'none'
                                for (let J2 = 0; J2 < imgs.length; J2++)
                                    actives[J2].style.backgroundColor = 'rgba(15, 3, 3, 0.262)'

                                imgs[j3].style.display = 'block'
                                actives[j3].style.backgroundColor = '#fff'
                                if(j3>=-1)
                                {
                                    i=j3-1
                                }
                                if(j3<actives.length)
                                i=j3
                            })
                        }

                    }())
            </script>
            <ul class="left-nav">
                <li><a href="#">手机<b></b></a>
                    <span>
                        <script>
                           ;(function(){
                            let leftNav = [{imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/827fae95d0f1d75f1535ef93e357b2af.png?thumb=1&w=60&h=60&f=webp&q=90',name:'DaMi 13'},
                                           {imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/257b01b72e0851ebc225dee0ed778350.png?thumb=1&w=60&h=60&f=webp&q=90',name:'DaMi 13 pro'},
                                           {imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ca3caca774dc8be0a453c90d1fa58e13.png?thumb=1&w=60&h=60&f=webp&q=90',name:'Note 11 5G'},
                                           {imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d8aeccb0bad7f28a44aa89b2ddb51010.png?thumb=1&w=60&h=60&f=webp&q=90',name:'Note 11T Pro+'},
                                            ]
    
                            
                            for(i=0;i<leftNav.length;i++)
                            {
                                document.write(`
                                    <ul>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                    </ul>`)
                            }
    
                           }())
    
                           
                        </script>
                    </span>
                </li>
                <li><a href="#">电视<b></b></a>
                <span>
                    <script>
                       ;(function(){
                        let leftNav = [{imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=60&h=60&f=webp&q=90',name:'DaMi 13'},
                                           {imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aa3954f817a23443c0b6b523ebbd09f6.png?thumb=1&w=60&h=60&f=webp&q=90',name:'DaMi 13 pro'},
                                           {imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d219d8b9c4a74eda4ae6c0222d194cd2.png?thumb=1&w=60&h=60&f=webp&q=90',name:'Note 11 5G'},
                                           {imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1c0d83dd59a3dd91372d867864b35554.png?thumb=1&w=60&h=60&f=webp&q=90',name:'Note 11T Pro+'},
                                            ]
    
                            
                        for(i=0;i<leftNav.length;i++)
                        {
                            document.write(`
                                <ul>
                                    <li>
                                    <a href="#">
                                        <img src=${leftNav[i].imgSrc} alt="">
                                        <p>${leftNav[i].name}</p>
                                    </a></li>
                                    <li>
                                    <a href="#">
                                        <img src=${leftNav[i].imgSrc} alt="">
                                        <p>${leftNav[i].name}</p>
                                    </a></li>
                                    <li>
                                    <a href="#">
                                        <img src=${leftNav[i].imgSrc} alt="">
                                        <p>${leftNav[i].name}</p>
                                    </a></li>
                                    <li>
                                    <a href="#">
                                        <img src=${leftNav[i].imgSrc} alt="">
                                        <p>${leftNav[i].name}</p>
                                    </a></li>
                                    <li>
                                    <a href="#">
                                        <img src=${leftNav[i].imgSrc} alt="">
                                        <p>${leftNav[i].name}</p>
                                    </a></li>
                                    <li>
                                    <a href="#">
                                        <img src=${leftNav[i].imgSrc} alt="">
                                        <p>${leftNav[i].name}</p>
                                    </a></li>
                                </ul>`)
                        }

                       }())

                       
                    </script>
                </span>
                </li>
                <li><a href="#">家电<b></b></a>
                    <span>
                        <script>
                           ;(function(){
                            let leftNav = [{imgSrc:'https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/630b9e523bb2e1387ce6c7be1edaca18.png?thumb=1&w=60&h=60',name:'DaMi 13'},
                                           {imgSrc:'https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/12f4b26ced3716d07bfcc6beba751188.jpg?thumb=1&w=60&h=60',name:'DaMi 13 pro'},
                                           {imgSrc:'https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=60&h=60',name:'Note 11 5G'},
                                           {imgSrc:'https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/3a3e4238b70ef8db89ae77f8a3762fc8.png?thumb=1&w=60&h=60',name:'Note 11T Pro+'},
                                            ]
    
                            
                            for(i=0;i<leftNav.length;i++)
                            {
                                document.write(`
                                    <ul>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                    </ul>`)
                            }
    
                           }())
    
                           
                        </script>
                    </span>
                </li>
                <li><a href="#">笔记本 平板<b></b></a>
                    <span>
                        <script>
                           ;(function(){
                            let leftNav = [{imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/bdfa6656603fa56ab60500c8cd1b5cb8.png?thumb=1&w=60&h=60&f=webp&q=90',name:'DaMi 13'},
                                           {imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/014c946d501d7725ecae7381753f3ddd.png?thumb=1&w=60&h=60&f=webp&q=90',name:'DaMi 13 pro'},
                                           {imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/903da48ebe975727aeb5ef76186d03cf.png?thumb=1&w=60&h=60&f=webp&q=90',name:'Note 11 5G'},
                                           {imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d63d8ac9dfb64bf7ca84c7d674047f19.png?thumb=1&w=60&h=60&f=webp&q=90',name:'Note 11T Pro+'},
                                            ]
    
                            for(i=0;i<leftNav.length;i++)
                            {
                                document.write(`
                                    <ul>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                    </ul>`)
                            }
    
                           }())
    
                           
                        </script>
                    </span>
                </li>
                <li><a href="#">出行 穿戴<b></b></a>
                    <span>
                        <script>
                           ;(function(){
                            let leftNav = [{imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/00272e7727cc093f8fb763f8b7e595c1.png?thumb=1&w=60&h=60&f=webp&q=90',name:'DaMi 13'},
                                           {imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/00272e7727cc093f8fb763f8b7e595c1.png?thumb=1&w=60&h=60&f=webp&q=90',name:'DaMi 13 pro'},
                                           {imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2c84fbdd2c269fc2ec3c2f628a938cc6.png?thumb=1&w=60&h=60&f=webp&q=90',name:'Note 11 5G'},
                                           {imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/bf2f0c73b5a46c9e1997c06129b52ab2.png?thumb=1&w=60&h=60&f=webp&q=90',name:'Note 11T Pro+'},
                                            ]
    
                            for(i=0;i<leftNav.length;i++)
                            {
                                document.write(`
                                    <ul>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                    </ul>`)
                            }
    
                           }())
    
                           
                        </script>
                    </span>
                </li>
                <li><a href="#">耳机 音箱<b></b></a>
                    <span>
                        <script>
                           ;(function(){
                            let leftNav = [{imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5ea8cb5505802096e0fcffd2b5ac01a1.png?thumb=1&w=60&h=60&f=webp&q=90',name:'DaMi 13'},
                                           {imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e079a49ae127017d507698ea21b7cae7.png?thumb=1&w=60&h=60&f=webp&q=90',name:'DaMi 13 pro'},
                                           {imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/59c8eaddeb45b23493e5cb42602242f1.png?thumb=1&w=60&h=60&f=webp&q=90',name:'Note 11 5G'},
                                           {imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e144e46cbce6508498e293c0632b08c6.png?thumb=1&w=60&h=60&f=webp&q=90',name:'Note 11T Pro+'},
                                            ]
    
                            for(i=0;i<leftNav.length;i++)
                            {
                                document.write(`
                                    <ul>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                    </ul>`)
                            }
    
                           }())
    
                           
                        </script>
                    </span>
                </li>
                <li><a href="#">健康 儿童<b></b></a>
                    <span>
                        <script>
                           ;(function(){
                            let leftNav = [{imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/827fae95d0f1d75f1535ef93e357b2af.png?thumb=1&w=60&h=60&f=webp&q=90',name:'DaMi 13'},
                                           {imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/257b01b72e0851ebc225dee0ed778350.png?thumb=1&w=60&h=60&f=webp&q=90',name:'DaMi 13 pro'},
                                           {imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ca3caca774dc8be0a453c90d1fa58e13.png?thumb=1&w=60&h=60&f=webp&q=90',name:'Note 11 5G'},
                                            ]
    
                            for(i=0;i<leftNav.length;i++)
                            {
                                document.write(`
                                    <ul>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                    </ul>`)
                            }
    
                           }())
    
                           
                        </script>
                    </span>
                </li>
                <li><a href="#">生活 箱包<b></b></a>
                    <span>
                        <script>
                           ;(function(){
                            let leftNav = [{imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/827fae95d0f1d75f1535ef93e357b2af.png?thumb=1&w=60&h=60&f=webp&q=90',name:'DaMi 13'},
                                           {imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/257b01b72e0851ebc225dee0ed778350.png?thumb=1&w=60&h=60&f=webp&q=90',name:'DaMi 13 pro'},
                                           {imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ca3caca774dc8be0a453c90d1fa58e13.png?thumb=1&w=60&h=60&f=webp&q=90',name:'Note 11 5G'},
                                            ]
    
                            for(i=0;i<leftNav.length;i++)
                            {
                                document.write(`
                                    <ul>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                    </ul>`)
                            }
    
                           }())
    
                           
                        </script>
                    </span>
                </li>
                <li><a href="#">智能 路由器<b></b></a>
                    <span>
                        <script>
                           ;(function(){
                            let leftNav = [{imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/827fae95d0f1d75f1535ef93e357b2af.png?thumb=1&w=60&h=60&f=webp&q=90',name:'DaMi 13'},
                                           {imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/257b01b72e0851ebc225dee0ed778350.png?thumb=1&w=60&h=60&f=webp&q=90',name:'DaMi 13 pro'},
                                            ]
    
                            for(i=0;i<leftNav.length;i++)
                            {
                                document.write(`
                                    <ul>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                    </ul>`)
                            }
    
                           }())
    
                           
                        </script>
                    </span>
                </li>
                <li><a href="#">电源 配件<b></b></a>
                    <span>
                        <script>
                           ;(function(){
                            let leftNav = [{imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/827fae95d0f1d75f1535ef93e357b2af.png?thumb=1&w=60&h=60&f=webp&q=90',name:'DaMi 13'},
                                           {imgSrc:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/257b01b72e0851ebc225dee0ed778350.png?thumb=1&w=60&h=60&f=webp&q=90',name:'DaMi 13 pro'},
                                            ]
                            

                            for(i=0;i<leftNav.length;i++)
                            {
                                document.write(`
                                    <ul>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                        <li>
                                        <a href="#">
                                            <img src=${leftNav[i].imgSrc} alt="">
                                            <p>${leftNav[i].name}</p>
                                        </a></li>
                                    </ul>`)
                            }
    
                           }())
    
                           
                        </script>
                    </span>
                </li>
            </ul>
        </div>
    </div>
    <div class="home">
    <div class="home-left">
        <ul>
            <a href="#"><li class="across vertical"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48" alt=""><p>保障服务</p></li></a>
            <a href="#"><li class="across vertical"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/806f2dfb2d27978e33fe3815d3851fa3.png?w=48&h=48" alt=""><p>企业团购</p></li></a>
            <a href="#"><li class="across"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/eded6fa3b897a058163e2485532c4f10.png?w=48&h=48" alt=""><p>F码通道</p></li></a>
            <a href="#"><li class="vertical"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/43a3195efa6a3cc7662efed8e7abe8bf.png?w=48&h=48" alt=""><p>米粉卡</p></li></a>
            <a href="#"><li class="vertical"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f4846bca6010a0deb9f85464409862af.png?w=48&h=48" alt=""><p>以旧换新</p></li></a>
            <a href="#"><li class=""><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9a76d7636b08e0988efb4fc384ae497b.png?w=48&h=48" alt=""><p>花费充值</p></li></a>
        </ul>

    </div>
    
    <div class="home-right">
        <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0cf5e958bc88727b50c5c5fba7a8f47a.jpg?w=632&h=340"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0cf5e958bc88727b50c5c5fba7a8f47a.jpg?w=632&h=340"></a>
        <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6dd2f3e0de4e6cbba98fd3799cfa5bf7.jpg?w=632&h=340"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6dd2f3e0de4e6cbba98fd3799cfa5bf7.jpg?w=632&h=340"></a>
        <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d7d4be1a9e701e16de498f89b1865867.jpg?w=632&h=340"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d7d4be1a9e701e16de498f89b1865867.jpg?w=632&h=340"></a>
    </div>
    </div>
    <div class="Box">
        <img class="middle-advertising" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f2a2f0f25c8c84b288da3a5fdc500743.jpg?thumb=1&w=1839&h=180&f=webp&q=90" alt="">
        <div class="box-middle">

            <div class="box-head">
                <div class="left">手机</div>
                <div class="right"><a href=""><span>查看更多<i></i></span></a></div>
            </div>

            <div class="box-body">
                <div class="left">
                    <a href="#"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d91bb6cf7da0947e8a6e50e03f4daf06.jpg?thumb=1&w=210&h=550&f=webp&q=90" alt=""></a>
                </div>
                <ul class="right">
                    <script>
                        ;(function(){
                            let json = [
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212301043_9e2a889ac4d99a1bbf95aa2defda039a.png?thumb=1&w=179&h=179&f=webp&q=90',name:'Redmi 12C',introduce:'高性能长续航，5000万像素超清双摄',price:'699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60',introduce:'骁龙8+｜2K 高光直屏｜5500mAh+67W闪充',price:'2499元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60 Pro',introduce:'【第二代骁龙8】狂暴引擎',price:'3299元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi Note 12 Pro 极速版',introduce:'高通骁龙778G，OLED柔性直屏+一亿像素',price:'1699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 限量定制色',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aa047170a22d9f0852254aa36df5f5f0.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 Pro',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 2K 专业原色屏｜120W小米澎湃秒充 ｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/94c6497b70f2e881460cb232082a0da6.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'3999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi Note 12 5G',introduce:'三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量',price:'1199元起',del:''},
                        ]
                        for (let  i= 0;  i< json.length;i++) {
                            document.write(`
                        <a href=""><li>
                            <img src=${json[i].img} alt="">
                            <h3>${json[i].name}</h3>
                            <span>${json[i].introduce}</span>
                            <p>${json[i].price}<del>${json[i].del}</del></p>
                        </li></a>
                        `)
                        }


                        }())
                    </script>
                    
                </ul>
            </div>


            
        </div>

        <div class="box-middle">

            <div class="box-head">
                <div class="left">智能穿戴</div>
                <div class="right">
                    <ul class="headset">
                        <li>耳机</li>
                        <li>穿戴</li>
                    </ul></div>
            </div>

            <div class="box-body box-body2">
                <div class="left">
                    <a href="#"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d91bb6cf7da0947e8a6e50e03f4daf06.jpg?thumb=1&w=210&h=550&f=webp&q=90" alt=""></a>
                </div>
                <ul class="right headset2">
                    <script>
                        ;(function(){
                            let json = [
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212301043_9e2a889ac4d99a1bbf95aa2defda039a.png?thumb=1&w=179&h=179&f=webp&q=90',name:'Redmi 12C',introduce:'高性能长续航，5000万像素超清双摄',price:'699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60',introduce:'骁龙8+｜2K 高光直屏｜5500mAh+67W闪充',price:'2499元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60 Pro',introduce:'【第二代骁龙8】狂暴引擎',price:'3299元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi Note 12 Pro 极速版',introduce:'高通骁龙778G，OLED柔性直屏+一亿像素',price:'1699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 限量定制色',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aa047170a22d9f0852254aa36df5f5f0.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 Pro',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 2K 专业原色屏｜120W小米澎湃秒充 ｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/94c6497b70f2e881460cb232082a0da6.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'3999元起',del:''},
                        ]
                        for (let  i= 0;  i< json.length;i++) {
                            document.write(`
                        <a href=""><li>
                            <img src=${json[i].img} alt="">
                            <h3>${json[i].name}</h3>
                            <span>${json[i].introduce}</span>
                            <p>${json[i].price}<del>${json[i].del}</del></p>
                        </li></a>
                        `)
                        }

                       
                        
                        }())
                    </script>
                   <li>
                    <a href="#"><span>
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202209261427_67cd5fddb341f0e0fb0a2295e643b0d8.png?thumb=1&w=120&h=120&f=webp&q=90" alt="">
                        <h3>Xiaomi降噪蓝<br>牙耳机<br>Necklace</h3>
                        <p>499元</p>
                    </span></a>
                    <a href="#"><span>
                        <img id="arrows" src="./橙色箭头.png" style="width: 60px;height: 60px; margin-top: 40px;" alt="">
                        <h3 class="more">浏览更多</h3>
                        <p class="more2">耳机</p>
                    </span></a>
                   </li>
                </ul>
                <ul class="right headset2">
                    <script>
                        ;(function(){
                            let json = [
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212301043_9e2a889ac4d99a1bbf95aa2defda039a.png?thumb=1&w=179&h=179&f=webp&q=90',name:'Redmi 12C',introduce:'高性能长续航，5000万像素超清双摄',price:'699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60',introduce:'骁龙8+｜2K 高光直屏｜5500mAh+67W闪充',price:'2499元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60 Pro',introduce:'【第二代骁龙8】狂暴引擎',price:'3299元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi Note 12 Pro 极速版',introduce:'高通骁龙778G，OLED柔性直屏+一亿像素',price:'1699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 限量定制色',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aa047170a22d9f0852254aa36df5f5f0.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 Pro',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 2K 专业原色屏｜120W小米澎湃秒充 ｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/94c6497b70f2e881460cb232082a0da6.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'3999元起',del:''},
                        ]
                        for (let  i= 0;  i< json.length;i++) {
                            document.write(`
                        <a href=""><li>
                            <img src=${json[i].img} alt="">
                            <h3>${json[i].name}</h3>
                            <span>${json[i].introduce}</span>
                            <p>${json[i].price}<del>${json[i].del}</del></p>
                        </li></a>
                        `)
                        }

                        
                        }())
                    </script>
                   <li>
                    <a href="#"><span>
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202209261427_67cd5fddb341f0e0fb0a2295e643b0d8.png?thumb=1&w=120&h=120&f=webp&q=90" alt="">
                        <h3>Xiaomi降噪蓝<br>牙耳机<br>Necklace</h3>
                        <p>499元</p>
                    </span></a>
                    <a href="#"><span>
                        <img id="arrows" src="./橙色箭头.png" style="width: 60px;height: 60px; margin-top: 40px;" alt="">
                        <h3 class="more">浏览更多</h3>
                        <p class="more2">耳机2</p>
                    </span></a>
                   </li>
                </ul>
            </div>

            
        </div>

<script>
     let captionLi = document.querySelectorAll('.Box > .box-middle > .box-head > .right > .headset > li')
                        let headset = document.querySelectorAll('.Box > .box-middle > .box-body >.headset2')
                        for (let i7 = 0; i7 < captionLi.length; i7++) {
                            captionLi[i7].addEventListener('click',function(){
                                for (let i7 = 0; i7 < captionLi.length; i7++){
                                    headset[i7].style.display='none'
                                    captionLi[i7].style.color='#424242'
                                    captionLi[i7].style.borderBottom='0'
                                }
                                headset[i7].style.display='block'
                                captionLi[i7].style.color='#ff6700'
                                captionLi[i7].style.borderBottomWidth='2px'
                                captionLi[i7].style.borderBottomStyle='solid'
                                captionLi[i7].style.borderBottomColor='#ff6700'
                            })
                        }
</script>



        <div class="box-middle">

            <div class="box-head">
                <div class="left">平板  |  笔记本</div>
                <div class="right">
                    <ul>
                        <li>热门</li>
                    </ul></div>
            </div>

            <div class="box-body box-body2">
                <div class="left">
                    <a href="#"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d91bb6cf7da0947e8a6e50e03f4daf06.jpg?thumb=1&w=210&h=550&f=webp&q=90" alt=""></a>
                </div>
                <ul class="right">
                    <script>
                        ;(function(){
                            let json = [
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212301043_9e2a889ac4d99a1bbf95aa2defda039a.png?thumb=1&w=179&h=179&f=webp&q=90',name:'Redmi 12C',introduce:'高性能长续航，5000万像素超清双摄',price:'699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60',introduce:'骁龙8+｜2K 高光直屏｜5500mAh+67W闪充',price:'2499元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60 Pro',introduce:'【第二代骁龙8】狂暴引擎',price:'3299元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi Note 12 Pro 极速版',introduce:'高通骁龙778G，OLED柔性直屏+一亿像素',price:'1699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 限量定制色',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aa047170a22d9f0852254aa36df5f5f0.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 Pro',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 2K 专业原色屏｜120W小米澎湃秒充 ｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/94c6497b70f2e881460cb232082a0da6.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'3999元起',del:''},
                        ]
                        for (let  i= 0;  i< json.length;i++) {
                            document.write(`
                        <a href=""><li>
                            <img src=${json[i].img} alt="">
                            <h3>${json[i].name}</h3>
                            <span>${json[i].introduce}</span>
                            <p>${json[i].price}<del>${json[i].del}</del></p>
                        </li></a>
                        `)
                        }

                        
                        }())
                    </script>
                   <li>
                    <a href="#"><span>
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202209261427_67cd5fddb341f0e0fb0a2295e643b0d8.png?thumb=1&w=120&h=120&f=webp&q=90" alt="">
                        <h3>Xiaomi降噪蓝<br>牙耳机<br>Necklace</h3>
                        <p>499元</p>
                    </span></a>
                    <a href="#"><span>
                        <img id="arrows" src="./橙色箭头.png" style="width: 60px;height: 60px; margin-top: 40px;" alt="">
                        <h3 class="more">浏览更多</h3>
                        <p class="more2">耳机</p>
                    </span></a>
                   </li>
                </ul>
            </div>

            
        </div>


        <div class="box-middle">

            <div class="box-head">
                <div class="left">家电</div>
                <div class="right">
                    <ul class="caption3">
                        <li>热门</li>
                        <li>电视影音</li>
                    </ul></div>
            </div>

            <div class="box-body box-body2">
                <div class="left">
                    <a href="#"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d91bb6cf7da0947e8a6e50e03f4daf06.jpg?thumb=1&w=210&h=550&f=webp&q=90" alt=""></a>
                </div>
                <ul class="right box3" >
                    <script>
                        ;(function(){
                            let json = [
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212301043_9e2a889ac4d99a1bbf95aa2defda039a.png?thumb=1&w=179&h=179&f=webp&q=90',name:'Redmi 12C',introduce:'高性能长续航，5000万像素超清双摄',price:'699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60',introduce:'骁龙8+｜2K 高光直屏｜5500mAh+67W闪充',price:'2499元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60 Pro',introduce:'【第二代骁龙8】狂暴引擎',price:'3299元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi Note 12 Pro 极速版',introduce:'高通骁龙778G，OLED柔性直屏+一亿像素',price:'1699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 限量定制色',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aa047170a22d9f0852254aa36df5f5f0.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 Pro',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 2K 专业原色屏｜120W小米澎湃秒充 ｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/94c6497b70f2e881460cb232082a0da6.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'3999元起',del:''},
                        ]
                        for (let  i= 0;  i< json.length;i++) {
                            document.write(`
                        <a href=""><li>
                            <img src=${json[i].img} alt="">
                            <h3>${json[i].name}</h3>
                            <span>${json[i].introduce}</span>
                            <p>${json[i].price}<del>${json[i].del}</del></p>
                        </li></a>
                        `)
                        }

                        
                        }())
                    </script>
                   <li>
                    <a href="#"><span>
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202209261427_67cd5fddb341f0e0fb0a2295e643b0d8.png?thumb=1&w=120&h=120&f=webp&q=90" alt="">
                        <h3>Xiaomi降噪蓝<br>牙耳机<br>Necklace</h3>
                        <p>499元</p>
                    </span></a>
                    <a href="#"><span>
                        <img id="arrows" src="./橙色箭头.png" style="width: 60px;height: 60px; margin-top: 40px;" alt="">
                        <h3 class="more">浏览更多</h3>
                        <p class="more2">耳机</p>
                    </span></a>
                   </li>
                </ul>
                <ul class="right box3">
                    <script>
                        ;(function(){
                            let json = [
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212301043_9e2a889ac4d99a1bbf95aa2defda039a.png?thumb=1&w=179&h=179&f=webp&q=90',name:'Redmi 12C',introduce:'高性能长续航，5000万像素超清双摄',price:'699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60',introduce:'骁龙8+｜2K 高光直屏｜5500mAh+67W闪充',price:'2499元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60 Pro',introduce:'【第二代骁龙8】狂暴引擎',price:'3299元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi Note 12 Pro 极速版',introduce:'高通骁龙778G，OLED柔性直屏+一亿像素',price:'1699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 限量定制色',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aa047170a22d9f0852254aa36df5f5f0.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 Pro',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 2K 专业原色屏｜120W小米澎湃秒充 ｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/94c6497b70f2e881460cb232082a0da6.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'3999元起',del:''},
                        ]
                        for (let  i= 0;  i< json.length;i++) {
                            document.write(`
                        <a href=""><li>
                            <img src=${json[i].img} alt="">
                            <h3>${json[i].name}</h3>
                            <span>${json[i].introduce}</span>
                            <p>${json[i].price}<del>${json[i].del}</del></p>
                        </li></a>
                        `)
                        }

                        
                        }())
                    </script>
                   <li>
                    <a href="#"><span>
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202209261427_67cd5fddb341f0e0fb0a2295e643b0d8.png?thumb=1&w=120&h=120&f=webp&q=90" alt="">
                        <h3>Xiaomi降噪蓝<br>牙耳机<br>Necklace</h3>
                        <p>499元</p>
                    </span></a>
                    <a href="#"><span>
                        <img id="arrows" src="./橙色箭头.png" style="width: 60px;height: 60px; margin-top: 40px;" alt="">
                        <h3 class="more">浏览更多</h3>
                        <p class="more2">耳机2</p>
                    </span></a>
                   </li>
                </ul>
            </div>

            <script>
                let caption3 = document.querySelectorAll('.caption3 > li')
                                   let box3 = document.querySelectorAll('.Box > .box-middle > .box-body >.box3')
                                   for (let i7 = 0; i7 < caption3.length; i7++) {
                                       caption3[i7].addEventListener('click',function(){
                                           for (let i7 = 0; i7 < caption3.length; i7++){
                                               box3[i7].style.display='none'
                                               caption3[i7].style.color='#424242'
                                               caption3[i7].style.borderBottom='0'
                                           }
                                           box3[i7].style.display='block'
                                           caption3[i7].style.color='#ff6700'
                                           caption3[i7].style.borderBottomWidth='2px'
                                           caption3[i7].style.borderBottomStyle='solid'
                                           caption3[i7].style.borderBottomColor='#ff6700'
                                       })
                                   }
           </script>
        </div>


        <div class="box-middle">

            <div class="box-head">
                <div class="left">生活电器</div>
                <div class="right">
                    <ul class="caption5">
                        <li>电暖机</li>
                        <li>扫地机</li>
                        <li>空净</li>
                        <li>清洁</li>
                    </ul></div>
            </div>

            <div class="box-body box-body2">
                <div class="left">
                    <a href="#"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d91bb6cf7da0947e8a6e50e03f4daf06.jpg?thumb=1&w=210&h=550&f=webp&q=90" alt=""></a>
                </div>
                <ul class="right box5">
                    <script>
                        ;(function(){
                            let json = [
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212301043_9e2a889ac4d99a1bbf95aa2defda039a.png?thumb=1&w=179&h=179&f=webp&q=90',name:'Redmi 12C',introduce:'高性能长续航，5000万像素超清双摄',price:'699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60',introduce:'骁龙8+｜2K 高光直屏｜5500mAh+67W闪充',price:'2499元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60 Pro',introduce:'【第二代骁龙8】狂暴引擎',price:'3299元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi Note 12 Pro 极速版',introduce:'高通骁龙778G，OLED柔性直屏+一亿像素',price:'1699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 限量定制色',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aa047170a22d9f0852254aa36df5f5f0.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 Pro',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 2K 专业原色屏｜120W小米澎湃秒充 ｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/94c6497b70f2e881460cb232082a0da6.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'3999元起',del:''},
                        ]
                        for (let  i= 0;  i< json.length;i++) {
                            document.write(`
                        <a href=""><li>
                            <img src=${json[i].img} alt="">
                            <h3>${json[i].name}</h3>
                            <span>${json[i].introduce}</span>
                            <p>${json[i].price}<del>${json[i].del}</del></p>
                        </li></a>
                        `)
                        }

                        
                        }())
                    </script>
                   <li>
                    <a href="#"><span>
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202209261427_67cd5fddb341f0e0fb0a2295e643b0d8.png?thumb=1&w=120&h=120&f=webp&q=90" alt="">
                        <h3>Xiaomi降噪蓝<br>牙耳机<br>Necklace</h3>
                        <p>499元</p>
                    </span></a>
                    <a href="#"><span>
                        <img id="arrows" src="./橙色箭头.png" style="width: 60px;height: 60px; margin-top: 40px;" alt="">
                        <h3 class="more">浏览更多</h3>
                        <p class="more2">耳机</p>
                    </span></a>
                   </li>
                </ul>
            </div>
            <ul class="right box5">
                <script>
                    ;(function(){
                        let json = [
                        {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212301043_9e2a889ac4d99a1bbf95aa2defda039a.png?thumb=1&w=179&h=179&f=webp&q=90',name:'Redmi 12C',introduce:'高性能长续航，5000万像素超清双摄',price:'699元起',del:''},
                        {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60',introduce:'骁龙8+｜2K 高光直屏｜5500mAh+67W闪充',price:'2499元起',del:''},
                        {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60 Pro',introduce:'【第二代骁龙8】狂暴引擎',price:'3299元起',del:''},
                        {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi Note 12 Pro 极速版',introduce:'高通骁龙778G，OLED柔性直屏+一亿像素',price:'1699元起',del:''},
                        {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 限量定制色',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                        {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aa047170a22d9f0852254aa36df5f5f0.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 Pro',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 2K 专业原色屏｜120W小米澎湃秒充 ｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                        {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/94c6497b70f2e881460cb232082a0da6.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'3999元起',del:''},
                    ]
                    for (let  i= 0;  i< json.length;i++) {
                        document.write(`
                    <a href=""><li>
                        <img src=${json[i].img} alt="">
                        <h3>${json[i].name}</h3>
                        <span>${json[i].introduce}</span>
                        <p>${json[i].price}<del>${json[i].del}</del></p>
                    </li></a>
                    `)
                    }

                    
                    }())
                </script>
               <li>
                <a href="#"><span>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202209261427_67cd5fddb341f0e0fb0a2295e643b0d8.png?thumb=1&w=120&h=120&f=webp&q=90" alt="">
                    <h3>Xiaomi降噪蓝<br>牙耳机<br>Necklace</h3>
                    <p>499元</p>
                </span></a>
                <a href="#"><span>
                    <img id="arrows" src="./橙色箭头.png" style="width: 60px;height: 60px; margin-top: 40px;" alt="">
                    <h3 class="more">浏览更多</h3>
                    <p class="more2">耳机</p>
                </span></a>
               </li>
            </ul>
            <ul class="right box5">
                <script>
                    ;(function(){
                        let json = [
                        {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212301043_9e2a889ac4d99a1bbf95aa2defda039a.png?thumb=1&w=179&h=179&f=webp&q=90',name:'Redmi 12C',introduce:'高性能长续航，5000万像素超清双摄',price:'699元起',del:''},
                        {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60',introduce:'骁龙8+｜2K 高光直屏｜5500mAh+67W闪充',price:'2499元起',del:''},
                        {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60 Pro',introduce:'【第二代骁龙8】狂暴引擎',price:'3299元起',del:''},
                        {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi Note 12 Pro 极速版',introduce:'高通骁龙778G，OLED柔性直屏+一亿像素',price:'1699元起',del:''},
                        {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 限量定制色',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                        {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aa047170a22d9f0852254aa36df5f5f0.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 Pro',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 2K 专业原色屏｜120W小米澎湃秒充 ｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                        {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/94c6497b70f2e881460cb232082a0da6.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'3999元起',del:''},
                    ]
                    for (let  i= 0;  i< json.length;i++) {
                        document.write(`
                    <a href=""><li>
                        <img src=${json[i].img} alt="">
                        <h3>${json[i].name}</h3>
                        <span>${json[i].introduce}</span>
                        <p>${json[i].price}<del>${json[i].del}</del></p>
                    </li></a>
                    `)
                    }

                    
                    }())
                </script>
               <li>
                <a href="#"><span>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202209261427_67cd5fddb341f0e0fb0a2295e643b0d8.png?thumb=1&w=120&h=120&f=webp&q=90" alt="">
                    <h3>Xiaomi降噪蓝<br>牙耳机<br>Necklace</h3>
                    <p>499元</p>
                </span></a>
                <a href="#"><span>
                    <img id="arrows" src="./橙色箭头.png" style="width: 60px;height: 60px; margin-top: 40px;" alt="">
                    <h3 class="more">浏览更多</h3>
                    <p class="more2">耳机</p>
                </span></a>
               </li>
            </ul>
            <ul class="right box5">
                <script>
                    ;(function(){
                        let json = [
                        {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212301043_9e2a889ac4d99a1bbf95aa2defda039a.png?thumb=1&w=179&h=179&f=webp&q=90',name:'Redmi 12C',introduce:'高性能长续航，5000万像素超清双摄',price:'699元起',del:''},
                        {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60',introduce:'骁龙8+｜2K 高光直屏｜5500mAh+67W闪充',price:'2499元起',del:''},
                        {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60 Pro',introduce:'【第二代骁龙8】狂暴引擎',price:'3299元起',del:''},
                        {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi Note 12 Pro 极速版',introduce:'高通骁龙778G，OLED柔性直屏+一亿像素',price:'1699元起',del:''},
                        {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 限量定制色',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                        {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aa047170a22d9f0852254aa36df5f5f0.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 Pro',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 2K 专业原色屏｜120W小米澎湃秒充 ｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                        {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/94c6497b70f2e881460cb232082a0da6.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'3999元起',del:''},
                    ]
                    for (let  i= 0;  i< json.length;i++) {
                        document.write(`
                    <a href=""><li>
                        <img src=${json[i].img} alt="">
                        <h3>${json[i].name}</h3>
                        <span>${json[i].introduce}</span>
                        <p>${json[i].price}<del>${json[i].del}</del></p>
                    </li></a>
                    `)
                    }

                    
                    }())
                </script>
               <li>
                <a href="#"><span>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202209261427_67cd5fddb341f0e0fb0a2295e643b0d8.png?thumb=1&w=120&h=120&f=webp&q=90" alt="">
                    <h3>Xiaomi降噪蓝<br>牙耳机<br>Necklace</h3>
                    <p>499元</p>
                </span></a>
                <a href="#"><span>
                    <img id="arrows" src="./橙色箭头.png" style="width: 60px;height: 60px; margin-top: 40px;" alt="">
                    <h3 class="more">浏览更多</h3>
                    <p class="more2">耳机</p>
                </span></a>
               </li>
            </ul>
            <script>
                let caption5= document.querySelectorAll('.caption5> li')
                                   let box5 = document.querySelectorAll('.Box > .box-middle > .box-body >.box5')
                                   for (let i7 = 0; i7 < caption5.length; i7++) {
                                       caption5[i7].addEventListener('click',function(){
                                           for (let i7 = 0; i7 < caption5.length; i7++){
                                               box5[i7].style.display='none'
                                               caption5[i7].style.color='#424242'
                                               caption5[i7].style.borderBottom='0'
                                           }
                                           box5[i7].style.display='block'
                                           caption5[i7].style.color='#ff6700'
                                           caption5[i7].style.borderBottomWidth='2px'
                                           caption5[i7].style.borderBottomStyle='solid'
                                           caption5[i7].style.borderBottomColor='#ff6700'
                                       })
                                   }
           </script>

           <!-- 断开 -->


        <div class="box-middle">

            <div class="box-head">
                <div class="left">厨房电器</div>
                <div class="right">
                    <ul>
                        <li>净水器</li>
                        <li>烟灶</li>
                        <li>电饭煲</li>
                        <li>微蒸烤</li>
                    </ul></div>
            </div>

            <div class="box-body box-body2">
                <div class="left">
                    <a href="#"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d91bb6cf7da0947e8a6e50e03f4daf06.jpg?thumb=1&w=210&h=550&f=webp&q=90" alt=""></a>
                </div>
                <ul class="right box4">
                    <script>
                        ;(function(){
                            let json = [
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212301043_9e2a889ac4d99a1bbf95aa2defda039a.png?thumb=1&w=179&h=179&f=webp&q=90',name:'Redmi 12C',introduce:'高性能长续航，5000万像素超清双摄',price:'699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60',introduce:'骁龙8+｜2K 高光直屏｜5500mAh+67W闪充',price:'2499元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60 Pro',introduce:'【第二代骁龙8】狂暴引擎',price:'3299元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi Note 12 Pro 极速版',introduce:'高通骁龙778G，OLED柔性直屏+一亿像素',price:'1699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 限量定制色',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aa047170a22d9f0852254aa36df5f5f0.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 Pro',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 2K 专业原色屏｜120W小米澎湃秒充 ｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/94c6497b70f2e881460cb232082a0da6.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'3999元起',del:''},
                        ]
                        for (let  i= 0;  i< json.length;i++) {
                            document.write(`
                        <a href=""><li>
                            <img src=${json[i].img} alt="">
                            <h3>${json[i].name}</h3>
                            <span>${json[i].introduce}</span>
                            <p>${json[i].price}<del>${json[i].del}</del></p>
                        </li></a>
                        `)
                        }

                        
                        }())
                    </script>
                   <li>
                    <a href="#"><span>
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202209261427_67cd5fddb341f0e0fb0a2295e643b0d8.png?thumb=1&w=120&h=120&f=webp&q=90" alt="">
                        <h3>Xiaomi降噪蓝<br>牙耳机<br>Necklace</h3>
                        <p>499元</p>
                    </span></a>
                    <a href="#"><span>
                        <img id="arrows" src="./橙色箭头.png" style="width: 60px;height: 60px; margin-top: 40px;" alt="">
                        <h3 class="more">浏览更多</h3>
                        <p class="more2">耳机</p>
                    </span></a>
                   </li>
                </ul>
                <ul class="right box4">
                    <script>
                        ;(function(){
                            let json = [
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212301043_9e2a889ac4d99a1bbf95aa2defda039a.png?thumb=1&w=179&h=179&f=webp&q=90',name:'Redmi 12C',introduce:'高性能长续航，5000万像素超清双摄',price:'699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60',introduce:'骁龙8+｜2K 高光直屏｜5500mAh+67W闪充',price:'2499元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60 Pro',introduce:'【第二代骁龙8】狂暴引擎',price:'3299元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi Note 12 Pro 极速版',introduce:'高通骁龙778G，OLED柔性直屏+一亿像素',price:'1699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 限量定制色',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aa047170a22d9f0852254aa36df5f5f0.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 Pro',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 2K 专业原色屏｜120W小米澎湃秒充 ｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/94c6497b70f2e881460cb232082a0da6.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'3999元起',del:''},
                        ]
                        for (let  i= 0;  i< json.length;i++) {
                            document.write(`
                        <a href=""><li>
                            <img src=${json[i].img} alt="">
                            <h3>${json[i].name}</h3>
                            <span>${json[i].introduce}</span>
                            <p>${json[i].price}<del>${json[i].del}</del></p>
                        </li></a>
                        `)
                        }

                        
                        }())
                    </script>
                   <li>
                    <a href="#"><span>
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202209261427_67cd5fddb341f0e0fb0a2295e643b0d8.png?thumb=1&w=120&h=120&f=webp&q=90" alt="">
                        <h3>Xiaomi降噪蓝<br>牙耳机<br>Necklace</h3>
                        <p>499元</p>
                    </span></a>
                    <a href="#"><span>
                        <img id="arrows" src="./橙色箭头.png" style="width: 60px;height: 60px; margin-top: 40px;" alt="">
                        <h3 class="more">浏览更多</h3>
                        <p class="more2">耳机</p>
                    </span></a>
                   </li>
                </ul>
                <ul class="right box4">
                    <script>
                        ;(function(){
                            let json = [
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212301043_9e2a889ac4d99a1bbf95aa2defda039a.png?thumb=1&w=179&h=179&f=webp&q=90',name:'Redmi 12C',introduce:'高性能长续航，5000万像素超清双摄',price:'699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60',introduce:'骁龙8+｜2K 高光直屏｜5500mAh+67W闪充',price:'2499元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60 Pro',introduce:'【第二代骁龙8】狂暴引擎',price:'3299元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi Note 12 Pro 极速版',introduce:'高通骁龙778G，OLED柔性直屏+一亿像素',price:'1699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 限量定制色',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aa047170a22d9f0852254aa36df5f5f0.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 Pro',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 2K 专业原色屏｜120W小米澎湃秒充 ｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/94c6497b70f2e881460cb232082a0da6.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'3999元起',del:''},
                        ]
                        for (let  i= 0;  i< json.length;i++) {
                            document.write(`
                        <a href=""><li>
                            <img src=${json[i].img} alt="">
                            <h3>${json[i].name}</h3>
                            <span>${json[i].introduce}</span>
                            <p>${json[i].price}<del>${json[i].del}</del></p>
                        </li></a>
                        `)
                        }

                        
                        }())
                    </script>
                   <li>
                    <a href="#"><span>
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202209261427_67cd5fddb341f0e0fb0a2295e643b0d8.png?thumb=1&w=120&h=120&f=webp&q=90" alt="">
                        <h3>Xiaomi降噪蓝<br>牙耳机<br>Necklace</h3>
                        <p>499元</p>
                    </span></a>
                    <a href="#"><span>
                        <img id="arrows" src="./橙色箭头.png" style="width: 60px;height: 60px; margin-top: 40px;" alt="">
                        <h3 class="more">浏览更多</h3>
                        <p class="more2">耳机</p>
                    </span></a>
                   </li>
                </ul>
                <ul class="right box4">
                    <script>
                        ;(function(){
                            let json = [
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212301043_9e2a889ac4d99a1bbf95aa2defda039a.png?thumb=1&w=179&h=179&f=webp&q=90',name:'Redmi 12C',introduce:'高性能长续航，5000万像素超清双摄',price:'699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60',introduce:'骁龙8+｜2K 高光直屏｜5500mAh+67W闪充',price:'2499元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60 Pro',introduce:'【第二代骁龙8】狂暴引擎',price:'3299元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi Note 12 Pro 极速版',introduce:'高通骁龙778G，OLED柔性直屏+一亿像素',price:'1699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 限量定制色',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aa047170a22d9f0852254aa36df5f5f0.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 Pro',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 2K 专业原色屏｜120W小米澎湃秒充 ｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/94c6497b70f2e881460cb232082a0da6.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'3999元起',del:''},
                        ]
                        for (let  i= 0;  i< json.length;i++) {
                            document.write(`
                        <a href=""><li>
                            <img src=${json[i].img} alt="">
                            <h3>${json[i].name}</h3>
                            <span>${json[i].introduce}</span>
                            <p>${json[i].price}<del>${json[i].del}</del></p>
                        </li></a>
                        `)
                        }

                        
                        }())
                    </script>
                   <li>
                    <a href="#"><span>
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202209261427_67cd5fddb341f0e0fb0a2295e643b0d8.png?thumb=1&w=120&h=120&f=webp&q=90" alt="">
                        <h3>Xiaomi降噪蓝<br>牙耳机<br>Necklace</h3>
                        <p>499元</p>
                    </span></a>
                    <a href="#"><span>
                        <img id="arrows" src="./橙色箭头.png" style="width: 60px;height: 60px; margin-top: 40px;" alt="">
                        <h3 class="more">浏览更多</h3>
                        <p class="more2">耳机</p>
                    </span></a>
                   </li>
                </ul>
            </div>

            
        </div>

        <script>
                               let caption4 = document.querySelectorAll('.caption4 > li')
                               let box4  = document.querySelectorAll('.Box > .box-middle > .box-body >.box4')
                               for (let i7 = 0; i7 < caption4.length; i7++) {
                                   caption4[i7].addEventListener('click',function(){
                                       for (let i7 = 0; i7 < caption4.length; i7++){
                                           box4[i7].style.display='none'
                                           caption4[i7].style.color='#424242'
                                           caption4[i7].style.borderBottom='0'
                                       }
                                       box4[i7].style.display='block'
                                       caption4[i7].style.color='#ff6700'
                                       caption4[i7].style.borderBottomWidth='2px'
                                       caption4[i7].style.borderBottomStyle='solid'
                                       caption4[i7].style.borderBottomColor='#ff6700'
                                   })
                               }
       </script>


        <div class="box-middle">

            <div class="box-head">
                <div class="left">智能家居</div>
                <div class="right">
                    <ul>
                        <li>平衡车/滑板车</li>
                        <li>健身运动</li>
                        <li>箱包配饰</li>
                        <li>出行工具</li>
                    </ul></div>
            </div>

            <div class="box-body box-body2">
                <div class="left">
                    <a href="#"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d91bb6cf7da0947e8a6e50e03f4daf06.jpg?thumb=1&w=210&h=550&f=webp&q=90" alt=""></a>
                </div>
                <ul class="right">
                    <script>
                        ;(function(){
                            let json = [
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212301043_9e2a889ac4d99a1bbf95aa2defda039a.png?thumb=1&w=179&h=179&f=webp&q=90',name:'Redmi 12C',introduce:'高性能长续航，5000万像素超清双摄',price:'699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60',introduce:'骁龙8+｜2K 高光直屏｜5500mAh+67W闪充',price:'2499元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60 Pro',introduce:'【第二代骁龙8】狂暴引擎',price:'3299元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi Note 12 Pro 极速版',introduce:'高通骁龙778G，OLED柔性直屏+一亿像素',price:'1699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 限量定制色',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aa047170a22d9f0852254aa36df5f5f0.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 Pro',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 2K 专业原色屏｜120W小米澎湃秒充 ｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/94c6497b70f2e881460cb232082a0da6.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'3999元起',del:''},
                        ]
                        for (let  i= 0;  i< json.length;i++) {
                            document.write(`
                        <a href=""><li>
                            <img src=${json[i].img} alt="">
                            <h3>${json[i].name}</h3>
                            <span>${json[i].introduce}</span>
                            <p>${json[i].price}<del>${json[i].del}</del></p>
                        </li></a>
                        `)
                        }

                        
                        }())
                    </script>
                   <li>
                    <a href="#"><span>
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202209261427_67cd5fddb341f0e0fb0a2295e643b0d8.png?thumb=1&w=120&h=120&f=webp&q=90" alt="">
                        <h3>Xiaomi降噪蓝<br>牙耳机<br>Necklace</h3>
                        <p>499元</p>
                    </span></a>
                    <a href="#"><span>
                        <img id="arrows" src="./橙色箭头.png" style="width: 60px;height: 60px; margin-top: 40px;" alt="">
                        <h3 class="more">浏览更多</h3>
                        <p class="more2">耳机</p>
                    </span></a>
                   </li>
                </ul>
            </div>

            
        </div>


        <div class="box-middle">

            <div class="box-head">
                <div class="left">运动出行</div>
                            <p>${json[i].price}<del>${json[i].del}</del></p>
                            <p>${json[i].price}<del>${json[i].del}</del></p>
                            <div class="right">
                    <ul>
                        <li>小爱音箱</li>
                        <li>门锁门铃</li>
                        <li>路由器</li>
                        <li>智能设备</li>
                    </ul></div>
            </div>

            <div class="box-body box-body2">
                <div class="left">
                    <a href="#"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d91bb6cf7da0947e8a6e50e03f4daf06.jpg?thumb=1&w=210&h=550&f=webp&q=90" alt=""></a>
                </div>
                <ul class="right">
                    <script>
                        ;(function(){
                            let json = [
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212301043_9e2a889ac4d99a1bbf95aa2defda039a.png?thumb=1&w=179&h=179&f=webp&q=90',name:'Redmi 12C',introduce:'高性能长续航，5000万像素超清双摄',price:'699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60',introduce:'骁龙8+｜2K 高光直屏｜5500mAh+67W闪充',price:'2499元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi K60 Pro',introduce:'【第二代骁龙8】狂暴引擎',price:'3299元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Redmi Note 12 Pro 极速版',introduce:'高通骁龙778G，OLED柔性直屏+一亿像素',price:'1699元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 限量定制色',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aa047170a22d9f0852254aa36df5f5f0.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13 Pro',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 2K 专业原色屏｜120W小米澎湃秒充 ｜徕卡75mm长焦镜头',price:'4999元起',del:''},
                            {img:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/94c6497b70f2e881460cb232082a0da6.png?thumb=1&w=333&h=333&f=webp&q=90',name:'Xiaomi 13',introduce:'全新第二代骁龙8｜徕卡专业光学镜头｜徕卡原生双画质 | 6.36″超窄边屏幕｜67W小米澎湃秒充｜徕卡75mm长焦镜头',price:'3999元起',del:''},
                        ]
                        for (let  i= 0;  i< json.length;i++) {
                            document.write(`
                        <a href=""><li>
                            <img src=${json[i].img} alt="">
                            <h3>${json[i].name}</h3>
                            <span>${json[i].introduce}</span>
                            <p>${json[i].price}<del>${json[i].del}</del></p>
                        </li></a>
                        `)
                        }

                        
                        }())
                    </script>
                   <li>
                    <a href="#"><span>
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202209261427_67cd5fddb341f0e0fb0a2295e643b0d8.png?thumb=1&w=120&h=120&f=webp&q=90" alt="">
                        <h3>Xiaomi降噪蓝<br>牙耳机<br>Necklace</h3>
                        <p>499元</p>
                    </span></a>
                    <a href="#"><span>
                        <img id="arrows" src="./橙色箭头.png" style="width: 60px;height: 60px; margin-top: 40px;" alt="">
                        <h3 class="more">浏览更多</h3>
                        <p class="more2">耳机</p>
                    </span></a>
                   </li>
                </ul>
            </div>

            
        </div>





    <img class="middle-advertising" style="margin-top: 0;" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/88e35cffc82cd98cd53172460067af17.jpg?thumb=1&w=1839&h=180&f=webp&q=90" alt="">

    <div class="footer">
        <div class="footer-caption">
            <ul>
                <a  href=""><li  style="border-left: 0;">
                    预约维修服务
                </li></a>
                <a href=""><li>
                    7天无理由退货
                </li></a>
                <a href=""><li>
                    15天免费换货
                </li></a>
                <a href=""><li>
                    满69元包邮
                </li></a>
                <a href=""><li>
                    1100余家售后网点
                </li></a>
            </ul>
            
        </div>


        <div class="footer-body">
            <dl>
                <dt></dt>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
            </dl>       
            <dl>
                <dt>选购指南</dt>
                <a href="#"><dd>手机</dd></a>
                <a href="#"><dd>电视</dd></a>
                <a href="#"><dd>笔记本</dd></a>
                <a href="#"><dd>平板</dd></a>
                <a href="#"><dd>穿戴</dd></a>
                <a href="#"><dd>耳机</dd></a>
                <a href="#"><dd>家电</dd></a>
                <a href="#"><dd>路由器</dd></a>
                <a href="#"><dd>音箱</dd></a>
                <a href="#"><dd>配件</dd></a>
            </dl>       
            







            <dl>
                <dt>服务中心</dt>
                <a href="#"><dd>申请售后</dd></a>
                <a href="#"><dd>售后政策</dd></a>
                <a href="#"><dd>维修服务价格</dd></a>
                <a href="#"><dd>订单查询</dd></a>
                <a href="#"><dd>以旧换新</dd></a>
                <a href="#"><dd>保障服务</dd></a>
                <a href="#"><dd>防伪查询</dd></a>
                <a href="#"><dd>F码通道</dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
            </dl>       
            
            <dl>
                <dt>线下门店</dt>
                <a href="#"><dd>小米之家</dd></a>
                <a href="#"><dd>服务网点</dd></a>
                <a href="#"><dd>授权体验店/专区</dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
            </dl>       
            
            <dl>
                <dt>关于小米</dt>
                <a href="#"><dd>了解小米</dd></a>
                <a href="#"><dd>加入小米</dd></a>
                <a href="#"><dd>投资者关系</dd></a>
                <a href="#"><dd>环境，社会及管治</dd></a>
                <a href="#"><dd>廉洁举报</dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
            </dl>       
            
            
            <dl>
                <dt>关于我们</dt>
                <a href="#"><dd>新浪微博</dd></a>
                <a href="#"><dd>官方微信</dd></a>
                <a href="#"><dd>联系我们</dd></a>
                <a href="#"><dd>公益基金会</dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
                <a href="#"><dd></dd></a>
            </dl>
                    <!-- 左边的人工客服 -->
        <div class="footer-body-rigth">
            <p class="phone">400-100-5678</p>
            <p class="time">8:00-18:00（仅收市话费）</p>
            <span>人工客服</span>
        </div>


        </div>




    </div>


    <div class="copyright">
            <a  class="footer-log-box" href="#"><img src="./images/logo-mi2.png" width="58px" height="58px" alt=""></a>
                
            <div class="copyright-right">
                <p class="sites"><a rel="nofollow" href="//www.mi.com/shop" target="_blank">小米商城</a> <span class="sep">|</span> <a rel="nofollow" href="//www.miui.com/" target="_blank">MIUI</a> <span class="sep">|</span> <a rel="nofollow" href="//home.mi.com/index.html" target="_blank">米家</a> <span class="sep">|</span> <a rel="nofollow" href="http://www.miliao.com/" target="_blank">米聊</a> <span class="sep">|</span> <a rel="nofollow" href="//www.duokan.com/" target="_blank">多看</a> <span class="sep">|</span> <a rel="nofollow" href="//game.xiaomi.com/" target="_blank">游戏</a> <span class="sep">|</span> <a rel="nofollow" href="//www.mi.com/music" target="_blank">音乐</a> <span class="sep">|</span> <a rel="nofollow" href="//b.mi.com/?client_id=180100031058&amp;masid=17409.0358" target="_blank">政企服务</a> <span class="sep">|</span> <a rel="nofollow" href="//xiaomi.tmall.com/" target="_blank">小米天猫店</a> <span class="sep">|</span> <a rel="nofollow" href="//privacy.mi.com/all/zh_CN/" target="_blank">小米集团隐私政策</a> <span class="sep">|</span> <a rel="nofollow" href="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f516fe9e2c01.html" target="_blank">小米公司儿童信息保护规则</a> <span class="sep">|</span> <a rel="nofollow" href="//m.mi.com/support/module?id=63&amp;headless=1" target="_blank">小米商城隐私政策</a> <span class="sep">|</span> <a rel="nofollow" href="//www.mi.com/aptitude/list?id=62" target="_blank">小米商城用户协议</a> <span class="sep">|</span> <a rel="nofollow" href="//static.mi.com/feedback/" target="_blank">问题反馈</a> <span class="sep">|</span> <a rel="nofollow" href="javascript:void(0);" class="J_siteGlobalRegion">Select Location</a></p>
                <p class="sites"><a rel="nofollow" href="http://www.mi.com/beihu" target="_blank">北京互联网法院法律服务工作站</a> <span class="sep">|</span> <a rel="nofollow" href="http://www.cca.org.cn/" target="_blank">中国消费者协会</a> <span class="sep">|</span> <a rel="nofollow" href="http://www.bj315.org/" target="_blank">北京市消费者协会</a></p>
                <p>
                    ©
                    <a href="javascript:;" title="mi.com">mi.com</a> 京ICP证110507号
                    <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备10046444号</a> <a rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134" target="_blank">京公网安备11010802020134号</a> <a href="//www.mi.com/culture-license/" target="_blank">京网文[2023]0169-004号</a> <br> <a href="//www.mi.com/medical/record/" target="_blank">（京）网械平台备字（2018）第00005号</a> <a href="//www.mi.com/medical/qualification/" target="_blank">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a> <a href="//www.mi.com/business-license/" target="_blank">营业执照</a> <a href="//www.mi.com/medical/list/" target="_blank">医疗器械质量公告</a> <br> <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/746c494423d9a2bcd15437e624dcbc4b.png" target="_blank">增值电信业务许可证</a>&nbsp;网络食品经营备案 京食药网食备202010048 &nbsp;
                    <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c6859168166651511897f54fa1047fe3.png" target="_blank">食品经营许可证</a> <br>
                    违法和不良信息举报电话：171-5104-4404&nbsp;<a href="https://www.mi.com/intellectual" target="_blank">知识产权侵权投诉</a>&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                    </p>
                    <div class="footer-img">
                        <a href="#"><img src="https://i1.mifile.cn/f/i/17/site/truste.png" alt=""></a>
                        <a href="#"><img src="https://s01.mifile.cn/i/v-logo-2.png" alt=""></a>
                        <a href="#"><img src="https://s01.mifile.cn/i/v-logo-2.png" alt=""></a>
                        <a href="#"><img src="https://i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png" alt=""></a>
                        <a href="#"><img src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/d65a6c8c8be39b3a0ed70f4f631b05b9.png" alt=""></a>
                    </div>
                    <div style="margin-top: 50px;" class="slogan ir"></div>
            </div>

    </div>



        
    </div>

</body>

</html>